*{margin: 0; padding: 0;}
ul{list-style: none;}
h1,h2,h3{font-size: 14px; font-weight: normal;}
.fl{float: left;}
.fr{float: right;}
.relative{position: relative;}
.my-select-board{display: inline-block; line-height: 38px; margin-right: 28px; position: relative; text-align: center;}
.my-select-board:hover{background: rgba(255,255,255,.2); border-radius: 4px; cursor: pointer;}
.my-select-board:after{display: block; content: ""; width: 18px; height: 18px; background: url(../css/img/icon-6.png) no-repeat; position: absolute; top: 50%; transform: translateY(-50%); right: -22px;}

.select-frame{max-height: 300px; overflow-y: auto; margin: 0; padding: 14px 0; border: 1px solid #049D9D; border-top: none; position: absolute; top: 36px; left: 406px; background: #000; font-size: 14px; color: #FFF;}
.select-frame::-webkit-scrollbar {/*滚动条整体样式*/
    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
}
.select-frame::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2);
    background: rgba(255,255,255,0.2);
}
.select-frame::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}
.select-frame li{line-height: 30px; text-align: center; margin-bottom: 9px;}
.select-frame li:hover{
	cursor: pointer;
	background: rgba(255, 255, 255, .3);
	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, .0)), color-stop(0.5, rgba(255, 255, 255, .3)), to(rgba(255, 255, 255, .0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, .0), rgba(255, 255, 255, .3), rgba(255, 255, 255, .0));
	background: -moz-linear-gradient(left, rgba(255, 255, 255, .0), rgba(255, 255, 255, .3), rgba(255, 255, 255, .0));
	background: -o-linear-gradient(left, rgba(255, 255, 255, .0), rgba(255, 255, 255, .3), rgba(255, 255, 255, .0));
	background: linear-gradient(left, rgba(255, 255, 255, .0), rgba(255, 255, 255, .3), rgba(255, 255, 255, .0));
}
.select-frame li:last-child{margin-bottom: 0;}
/*电池实时看板*/

.batteryBorder-container{padding: 35px 30px 0 30px; background: #000 url(../css/img/icon-7.png); font-size: 14px; color: #FFF;}
.batteryBorder-container .top-container{overflow: hidden;}
.batteryBorder-container .top-container img{height: 50px; padding-top: 4px;}
.batteryBorder-container .battery-choice{margin-left: 30px; height: 58px; display: flex; align-items: center; border: 1px solid #049d9d; border-width: 1px 0 1px 0;}
.batteryBorder-container .battery-choice label{display: inline-block; width: 90px; text-align: center;}
.batteryBorder-container .battery-choice span{width: 178px; margin-left: 28px;}

.batteryBorder-container .center-container{overflow: hidden; margin-top: 34px; margin-right: -30px;}
.batteryBorder-container .layout{float: left; width: 50%; padding-right: 30px; box-sizing: border-box;}
.batteryBorder-container .chart-wrap{ border-top: 1px solid #049D9D; height: 369px; background: rgba(255,255,255,.2);}
.batteryBorder-container .chart-box{margin: -6px 20px 20px 20px;}
.parm-select{position: relative; padding: 10px 0;}
.parm-select .title{width: 120px; display: inline-block; line-height: 30px; text-align: center; font-size: 12px;}
.parm-select .title img{padding-right: 10px; vertical-align: middle;}
.parm-select .my-select-board{margin-left: 20px; width: 100px;}
.parm-select .status{width: 80px; height: 32px; position: absolute; top: 12px; right: 15px; background: url(../css/img/icon-5.png) no-repeat; background-size: 100% 100%; cursor: pointer;}
.parm-select .status.stop{background-image: url(../css/img/icon-2.png);}

/*历史看板*/
.history-board{padding: 15px 10px 0 10px !important;}
.history-board .title-bar{line-height: 37px; padding-left: 6px; background: #eaeaea; font-size: 14px; color: #666;}
.history-board .title-bar span{}
.history-board .title-bar span.active{color: #999;}

.history-board section{margin-top: 20px; padding-top: 16px; border: 1px solid #ddd; font-size: 14px;}
.history-board section .title{margin-left: -1px; padding-left: 9px; line-height: 16px; border-left: 4px solid #36aa47; color: #3d3d3d;}
.history-board .query-select{padding: 16px 0; line-height: 26px;}
.search-box .query-select2{padding: 10px 0; display: flex; align-items: center;}
.search-box .query-select2 ul{padding-left: 9px;margin-left: 0; }
.search-box .query-select2 li{padding: 10px 0; display: flex;}
.search-box li label{display: flex; align-items: center; margin-right: 15px;}
.search-box .query-select2 span{display: inline-block; padding-left: 10px;}
.search-box .query-select2 button{border: none; outline: none; margin-left: 30px; width: 84px; height: 34px; background: url(../css/img/icon-1.png) no-repeat; background-size: 100% 100%; cursor: pointer;}
.search-box .chart-box{margin: 45px 20px 20px 20px; border: 1px solid #ddd;}
